<nb-layout>
  <nb-layout-column>
    <div class="row">
      <div class="col-md-12">
        <nb-card>
          <nb-card-body>
            <nb-actions size="medium">
              <nb-action>常用应用</nb-action>
              <nb-action *ngFor="let menu of commonMenu">
                <a [target]="menu.target==null?'_self':menu.target" [href]="menu.url">{{menu.name}}</a>
              </nb-action>
              <nb-action style="margin-left: auto">
                <a routerLink="/auth/login/logout">登出</a>
              </nb-action>
            </nb-actions>
          </nb-card-body>
        </nb-card>
      </div>
      <div class="col-md-6">
        <nb-card size="large">
          <nb-card-header class="text-center">
            前勤入口
          </nb-card-header>
          <nb-card-body>
            <div class="row">
              <div *ngFor="let menu of frontMenu" class="col-md-4">
                <nb-card size="tiny">
                  <nb-card-body>
                    <p><a [routerLink]="menu.url"><img [src]="'/assets/images/'+menu.icon"></a></p>
                    {{menu.name}}
                  </nb-card-body>
                </nb-card>
              </div>
            </div>
          </nb-card-body>
        </nb-card>
      </div>
      <div class="col-md-6">
        <nb-card size="large">
          <nb-card-header class="text-center">
            后勤入口
          </nb-card-header>
          <nb-card-body>
            <div class="row">
              <div *ngFor="let menu of backendMenu" class="col-md-4">
                <!--            <button nbButton>{{menu.name}}</button>-->
                <nb-card size="tiny">
                  <nb-card-body>
                    <p><a [routerLink]="menu.url"><img [src]="'/assets/images/'+menu.icon"></a></p>
                    {{menu.name}}
                  </nb-card-body>
                </nb-card>
              </div>
            </div>
          </nb-card-body>
        </nb-card>
      </div>
    </div>
  </nb-layout-column>
</nb-layout>
